<!-- 点击具体分类后，在主页上展现的的书籍九宫格页面 -->
<template>
    <el-row >
      <el-col :span="4" :offset="2">
        <div class="grid-content bg-purple">1</div>
      </el-col>
      <el-col :span="4" :offset="2"><div class="grid-content bg-purple">2</div></el-col>
      <el-col :span="4" :offset="2"><div class="grid-content bg-purple">3</div></el-col>
    </el-row>
</template>

<!-- 定义JS变量 -->
<script>
export default {
  data(){
    return {
    }
  },
  methods: {

  }
}
</script>


<!-- 防止组件冲突 -->
<style lang="less" scoped>
  .el-row {
    position: relative;
    top: 80px;
      margin-bottom: 20px;
      &:last-child {
        margin-bottom: 0;
      }
    }

    .bg-purple {
      background: #d3dce6;
    }

    .grid-content {
      border-radius: 4px;
      min-height: 36px;
    }



</style>
